// components/Tab/Tab.js
Component({
    /**
     * 组件的属性列表
     */
    properties: {
        newData: {
            type: Array,
            value: []
        }
    },

    /**
     * 组件的初始数据
     */
    data: {
        // 示例数据
        tabList: [
            { id: 1, name: '第一项', isSelected: true },
            { id: 2, name: '第二项', isSelected: false },
            { id: 3, name: '第三项', isSelected: false },
            { id: 4, name: '第四项', isSelected: false },
            { id: 5, name: '第五项', isSelected: false },
        ]
    },
    /**
     * 组件的方法列表
     */
    methods: {
        // 处理高亮
        toggleTab(e) {
            const index = e.currentTarget.dataset.index
            console.log(index)
            let itemList = this.data.newData
            itemList.forEach((item) => {
                item.isSelected = false
            })
            itemList[index - 1].isSelected = true
            this.setData({
                tabList: itemList
            })
            // 数据发送给父组件
            this.triggerEvent('myTagList', itemList)
        }
    }
})
